﻿<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
    <title>用户导入</title>
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/list.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/table.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/paging.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/tabs.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/btn.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/taqs.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/form.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
    <!--日历控件样式-->
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/userManagement/importContacts.css"/>
</head>
<body>

<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->


<div class="wrapper">
    <!--左侧菜单 开始-->
    <div id="left-menu"></div>
    <!--左侧菜单 结束-->
    <!--右侧内容 开始-->
    <div class="right-container">
        <div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title">
                    <h2>系统管理 > <a href="/cwp/src/static/SystemManagement/userManagement/userManagement.html?menuId=5.0">用户管理</a> > 用户导入</h2>
                </div>

                <div class="t-tabs">
                    <ul id="myTabs" class="t-tabs-items">
                        <li class="active"><a href="#tab1" class="isSelect" data-toggle="tab" id="0">用户导入</a></li>
                        <li><a href="#tab2" data-toggle="tab" class="isSelect" id="1">导入日志</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade in active" id="tab1">
                            <div class="import-help">
                                <div class="item">
                                    <div class="access-box mb-10">
                                        <div class="tips">(请选择门禁组)</div>
                                        <!--门禁列表-->
                                        <div class="access">

                                        </div>
                                    </div>
                                    <div class="upload-box">
                                        <div id="excelPicker" class="webuploader-container" style="display: inline-block;">
                                            <div id="tipword" class="webuploader-pick changeword" style="width: 147px!important;">点击选择Excel文件</div>
                                            <div id="uploadProcess" class="t-loading-cmcc" style="display: none;">正在上传...</div>
                                            <input id="file_upload" style="display: none;" name="fileData" type="file" multiple="false"/>
                                        </div>

                                    </div>
                                    <div class="desc clearfix">
                                        <div class="fl opt">
                                            <p class="sub-h">【Excel文档导入指引】</p>
                                            <p>1、按规定的模板制作您的excel表格</p>
                                            <p class="help-img"><a name="excel_mb" href="../../../../excle/userInfo.xls" download="userInfo.xls" class="logClass" id="downInstance"><img src="../../../assets/img/improt/excel-mb.png"></a></p>
                                            <p>2、点击上传---> 预览结果 ---> 成功</p>
                                        </div>
                                        <div class="fl tipInfo">
                                            <h5>导入须知：</h5>
                                            <ul>
                                                <li>1、如果选择的是中移员工，则员工编号、用户名、姓名、手机、部门、一卡通编号、身份证号为必填项</li>
                                                <li>2、如果选择的外部员工，则供应商、姓名、手机、一卡通编号、身份证号为必填项</li>
                                                <li>3、部门填写规则,各部门名称间用双短横杠--分隔,例如:部门A--部门B--部门C</li>
                                                <li>4、模板中有一条示例，导入时请删除该示例</li>
                                                <li>5、非移动手机用户暂时不能登录App和接收App相关服务短信消息</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="tab2">
                                <div class="t-list-search t-columns-4 hide">
                                    <form id="frmSearch" onsubmit="return false">
                                        <ul class="t-columns-group">
                                            <li class="timegroup">
                                                <label>起止日期</label>
                                                <div>
                                                    <div>
                                                        <input class="form_date_start" value="" placeholder="开始时间" readonly="" id="sBeginDate" name="sBeginDate">
                                                    </div>
                                                    <span>~</span>
                                                    <div>
                                                        <input class="form_date_end" value="" placeholder="结束时间" readonly="" id="sEndDate" name="sEndDate">
                                                    </div>
                                                </div>
                                            </li>

                                            <li>
                                                <label>&nbsp;</label>
                                                <div>
                                                    <a class="t-btn  btnSearch">
                                                        <i class="icon-search"></i>
                                                        查询
                                                    </a>
                                                </div>
                                            </li>
                                        </ul>
                                    </form>
                                </div>
                                <div class="t-list-btns" style="margin: 0;">
                                    <p>请求记录</p>
                                    <span id="importLogTabTotal"></span>
                                </div>

                                <div class="t-list-result">
                                    <!-- 表格 -->
                                    <table class="t-table"  id="importLogTab">
                                        <thead>
                                        <tr>

                                            <th>创建时间</th>
                                            <th>导入数据/条</th>
                                            <th>是否同步</th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                    <div class="loading-container"></div>
                                    <!-- 分页 -->
                                    <div class="pagination" id="importLogTabPagination"></div>
                                </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="copyright"></div>

<!--详情模态框-->
<div class="modal fade bs-example-modal in" id="abnormalDataModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">导入详情</h4>
                <input type="hidden" id="hidUserImportLogId" name="userImportLogId"/>
            </div>
            <div class="t-list-btns">
                <p>请求记录</p>
                <span id="abnormalDataTotal">(共0条数据)</span>
            </div>
            <div class="modal-body">
                <div class="t-list-result clearfix">
                    <!-- 表格 -->
                    <table class="t-table fl" id="abnormalData">
                        <thead>
                        <tr>
                            <th>员工编号</th>
                            <th>员工姓名</th>
                            <th>导入时间</th>
                            <th>导入状态</th>
                            <th>导入结果描述</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                    <div class="loading-container"></div>
                    <div class="pagination" style="height: 100%;" id="abnormalDataPagination"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--提示模态框-->
<div style="z-index: 9999" class="modal fade bs-example-modal-sm" id="modalLoading" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body" style="text-align:center;font-size:14px;">
                <img src='/cwp/src/assets/img/loading/cmcc_loading.gif' style='height:16px;display:inline;' alt=''/>
                <span class="tip-info">正在与一卡通系统同步用户数据，请稍等...</span>
            </div>
        </div>
    </div>
</div>
<!--提示模态框-->
<div style="z-index: 9999" class="modal fade bs-example-modal-sm" id="myTip" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body" style="text-align:center;font-size:14px;">
                <i id="icon-tip" style="margin-right:6px;"></i>
                <span class="tip-info"></span>
            </div>
        </div>
    </div>
</div>
<!--jQuery库脚本-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!--><script type="text/javascript" src="../../../assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]><script type="text/javascript" src="../../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<script type="text/javascript" src="../../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>

<!--文件上传插件-->
<!--文件上传插件-->
<script language="javascript" type="text/javascript">
    //防止客户端缓存文件，造成uploadify.js不更新，而引起的“浏览器崩溃”
    document.write("<script type='text/javascript' "
            + "src='../../../assets/lib/uploadify/jquery.uploadify.js?ver=" + new Date().getTime()
            + "'></s" + "cript>");
</script>
<script charset="utf-8" src="../../../assets/lib/formValidator/formValidatorRegex.js"></script>
<script charset="utf-8" src="../../../assets/common/loadHeaderAndCopyright.js"></script>
<script charset="utf-8" charset="utf-8" src="../../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.js"></script>
<script charset="utf-8" charset="utf-8" src="../../../assets/common/centerModal.js"></script>
<script charset="utf-8" src="../../../assets/lib/tipModal/js/tipModal.js"></script>

<!--数据交互公用脚本-->
<script charset="utf-8" src="../../../assets/common/ajaxPoster.js"></script>
<!--bootsrtap日历控件脚本-->
<script charset="utf-8" src="../../../assets/lib/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
<script charset="utf-8" src="../../../assets/lib/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script charset="utf-8" src="../../../assets/lib/bootstrap-datetimepicker-master/js/initDatetimepicker.js"></script>
<!--分页脚本-->
<script charset="utf-8" src="../../../assets/lib/pagination/1.2.1/jquery.pagination.js"></script>
<script charset="utf-8" src="../../../assets/lib/artTemplate/template.js"></script>
<script charset="utf-8" src="../../../assets/common/loaderTableTmpl.js"></script>
<script charset="utf-8" src="../../../js/systemManagement/userManagement/userImport.js"></script>
<script type="text/html" id="importLogDataTmpl">
    {{each beans}}
    <tr>
        <td>{{$value.createTime}}</td>
        <td>{{$value.importSum}}</td>
        <td>{{$value.isSynchronization | isSynchronizationFormat}}</td>
        <td>
            <a class="t-btn t-btn-sm t-btn-blue t-btn-deal"  onclick="detailSelect('{{$value.userImportLogId}}')">详情</a>
        </td>
    </tr>
    {{/each}}
</script>
<script type="text/html" id="abnormalDataTmpl">
    {{each beans}}
    <tr>
        <td>{{$value.emloyeeNo}}</td>
        <td>{{$value.trueName}}</td>
        <td>{{$value.createTime}}</td>
        <td>{{$value.cardAddState | cardAddStateFormat}}</td>
        {{if $value.cardAddState == "1"}}
            <td class="fn-high">{{$value.cardAddFailDesc}}</td>
        {{else}}
            <td>{{$value.cardAddFailDesc}}</td>
        {{/if}}
    </tr>
    {{/each}}
</script>

<script type="text/html" id="accessTmpl">
    {{each object}}
    <a class="t-tag-category" data-id="{{$value.AG_Guid}}"><p>{{$value.AG_Name}}</p></a>
    {{/each}}
</script>

</body>
</html>